<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>极致美化资源</title>
    <link href="favicon.ico" rel="icon">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
</head>

<body>
<a id="top"></a>
<div class="container-fluid shadow position-fixed  bg-white top-0 start-0" style="z-index: 3">
    <nav class="navbar navbar-expand-lg bg-body-tertiary pb-0">
        <div class="container-fluid">
            <a class="navbar-brand" th:href="@{/index}">
                <img src="img/logo.png" height="40px">
            </a>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <div class="rounded-pill border border-dark-sublet border-2 ps-3 ps-4" style="width: 70%">
                    <form class="d-flex p-1 " role="search">
                        <label for="search"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
                            <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
                        </svg></label>
                        <input class=" me-2 border-0" size="50px" style="outline:none;" type="search" placeholder="Search" id="search" aria-label="Search">
                    </form>
                </div>
                <ul class="navbar-nav me-auto mb-2 mb-lg-0" style="font-size: 0.8em">
                    <li class="nav-item ps-3">
                        <a class="nav-link active text-black-50 p-0 text-center ms-2" aria-current="page" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-fire" viewBox="0 0 16 16">
                            <path d="M8 16c3.314 0 6-2 6-5.5 0-1.5-.5-4-2.5-6 .25 1.5-1.25 2-1.25 2C11 4 9 .5 6 0c.357 2 .5 4-2 6-1.25 1-2 2.729-2 4.5C2 14 4.686 16 8 16Zm0-1c-1.657 0-3-1-3-2.75 0-.75.25-2 1.25-3C6.125 10 7 10.5 7 10.5c-.375-1.25.5-3.25 2-3.5-.179 1-.25 2 1 3 .625.5 1 1.364 1 2.25C11 14 9.657 15 8 15Z"/>
                        </svg><br>热门</a>
                    </li>
                    <li class="nav-item ps-3">
                        <a class="nav-link active text-black-50 p-0 text-center ms-2" href="http://www.cctv.com"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-binoculars" viewBox="0 0 16 16">
                            <path d="M3 2.5A1.5 1.5 0 0 1 4.5 1h1A1.5 1.5 0 0 1 7 2.5V5h2V2.5A1.5 1.5 0 0 1 10.5 1h1A1.5 1.5 0 0 1 13 2.5v2.382a.5.5 0 0 0 .276.447l.895.447A1.5 1.5 0 0 1 15 7.118V14.5a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 14.5v-3a.5.5 0 0 1 .146-.354l.854-.853V9.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v.793l.854.853A.5.5 0 0 1 7 11.5v3A1.5 1.5 0 0 1 5.5 16h-3A1.5 1.5 0 0 1 1 14.5V7.118a1.5 1.5 0 0 1 .83-1.342l.894-.447A.5.5 0 0 0 3 4.882V2.5zM4.5 2a.5.5 0 0 0-.5.5V3h2v-.5a.5.5 0 0 0-.5-.5h-1zM6 4H4v.882a1.5 1.5 0 0 1-.83 1.342l-.894.447A.5.5 0 0 0 2 7.118V13h4v-1.293l-.854-.853A.5.5 0 0 1 5 10.5v-1A1.5 1.5 0 0 1 6.5 8h3A1.5 1.5 0 0 1 11 9.5v1a.5.5 0 0 1-.146.354l-.854.853V13h4V7.118a.5.5 0 0 0-.276-.447l-.895-.447A1.5 1.5 0 0 1 12 4.882V4h-2v1.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V4zm4-1h2v-.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5V3zm4 11h-4v.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V14zm-8 0H2v.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V14z"/>
                        </svg><br>探索
                        </a>
                    </li>
                    <li class="nav-item ps-3">
                        <a class="nav-link active text-black-50 p-0 text-center ms-2" href="http://www.cctv.com">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-award" viewBox="0 0 16 16">
                                <path d="M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68L9.669.864zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702 1.509.229z"/>
                                <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1 4 11.794z"/>
                            </svg><br>专题
                        </a>
                    </li>
                    <li class="nav-item ps-3">
                        <a class="nav-link active text-black-50 p-0 text-center ms-2" href="http://www.cctv.com">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-apple" viewBox="0 0 16 16">
                                <path d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516.024.034 1.52.087 2.475-1.258.955-1.345.762-2.391.728-2.43Zm3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422.212-2.189 1.675-2.789 1.698-2.854.023-.065-.597-.79-1.254-1.157a3.692 3.692 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56.244.729.625 1.924 1.273 2.796.576.984 1.34 1.667 1.659 1.899.319.232 1.219.386 1.843.067.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758.347-.79.505-1.217.473-1.282Z"/>
                                <path d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516.024.034 1.52.087 2.475-1.258.955-1.345.762-2.391.728-2.43Zm3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422.212-2.189 1.675-2.789 1.698-2.854.023-.065-.597-.79-1.254-1.157a3.692 3.692 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56.244.729.625 1.924 1.273 2.796.576.984 1.34 1.667 1.659 1.899.319.232 1.219.386 1.843.067.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758.347-.79.505-1.217.473-1.282Z"/>
                            </svg><br>秀桌面
                        </a>
                    </li>
                    <li class="nav-item ps-3">
                        <a class="nav-link active text-black-50 p-0 text-center ms-2" href="http://www.cctv.com">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-book" viewBox="0 0 16 16">
                                <path d="M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811V2.828zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"/>
                            </svg><br>问答
                        </a>
                    </li>
                    <li class="nav-item ps-3" style="position: relative">
<!--                        <th: test="${sessionScope.customer==null}">-->
                            <a href="login.html" class="btn btn-outline-dark">登录<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-record-circle" viewBox="0 0 16 16">
                                <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
                                <path d="M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
                            </svg>注册</a>
<!--                        </th:>-->
<!--                        <c:if test="${sessionScope.customer!=null}">-->


<!--                            <button href="" class="btn btn-sm btn-outline-secondary">发布</button>-->
<!--                            <span class="ms-3 myinfotoggle"><img src="${applicationScope.h}${sessionScope.customer.headimg}" width="34px"></span>-->
<!--                            <div class="myinfo bg-secondary bg-opacity-50">-->
<!--                                <div class="d1">-->
<!--                                    <div class="d11">-->
<!--                                        <img src="${applicationScope.h}${sessionScope.customer.headimg}" width="40px">&nbsp;&nbsp;-->
<!--                                        <span class="fs-6 text-dark">${sessionScope.customer.nick}</span>&nbsp;&nbsp;-->
<!--                                        <span style="color: gold"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-coin" viewBox="0 0 16 16">-->
<!--  <path d="M5.5 9.511c.076.954.83 1.697 2.182 1.785V12h.6v-.709c1.4-.098 2.218-.846 2.218-1.932 0-.987-.626-1.496-1.745-1.76l-.473-.112V5.57c.6.068.982.396 1.074.85h1.052c-.076-.919-.864-1.638-2.126-1.716V4h-.6v.719c-1.195.117-2.01.836-2.01 1.853 0 .9.606 1.472 1.613 1.707l.397.098v2.034c-.615-.093-1.022-.43-1.114-.9H5.5zm2.177-2.166c-.59-.137-.91-.416-.91-.836 0-.47.345-.822.915-.925v1.76h-.005zm.692 1.193c.717.166 1.048.435 1.048.91 0 .542-.412.914-1.135.982V8.518l.087.02z"/>-->
<!--  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>-->
<!--  <path d="M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zm0 .5A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/>-->
<!--</svg>${sessionScope.customer.gold}</span>-->
<!--                                    </div>-->
<!--                                    <div>-->
<!--                                        <a class="btn btn-sm btn-outline-secondary" href="${pageContext.request.contextPath}/sign">签到</a>&nbsp;-->
<!--                                        <a id="customerExit" class="btn btn-outline-secondary btn-sm" href="${pageContext.request.contextPath}/login?t=1"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-arrow-return-left" viewBox="0 0 16 16">-->
<!--                                            <path fill-rule="evenodd" d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z"/>-->
<!--                                        </svg></a>-->
<!--                                    </div>-->

<!--                                </div>-->
<!--                                <div class="d2">-->
<!--                                    <div class="d2item">素材<br>0</div>-->
<!--                                    <div class="d2item">评论<br>0</div>-->
<!--                                    <div class="d2item">关注<br>1</div>-->
<!--                                    <div class="d2item">粉丝<br>1</div>-->
<!--                                </div>-->
<!--                                <div class="d3">-->
<!--                                    <a class="d3item"style="padding-left: 20px;"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">-->
<!--                                        <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>-->
<!--                                    </svg>私信列表<br><span style="padding-left: 17px">有信件往来</span></a>-->
<!--                                    <a class="d3item"style="padding-left: 20px;" href="${pageContext.request.contextPath}/detail"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">-->
<!--                                        <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>-->
<!--                                    </svg>金币明细<br><span style="padding-left: 17px">查看所有收支</span></a>-->
<!--                                    <a class="d3item"style="padding-left: 20px;" href="${pageContext.request.contextPath}/collect?cid=${sessionScope.customer.cid}"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">-->
<!--                                        <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>-->
<!--                                    </svg>收藏内容<br><span style="padding-left: 17px">查看所有收藏</span></a>-->
<!--                                    <a href="settings.jsp" class="d3item"style="padding-left: 20px;"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">-->
<!--                                        <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>-->
<!--                                    </svg>个人设置<br><span style="padding-left: 17px">完善个人资料</span></a>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </c:if>-->
                    </li>
                </ul>

            </div>
        </div>
    </nav>
    <!--    第二导航-->

    <nav class="navbar navbar-expand-lg bg-body-tertiary pt-0">
        <div class="container-fluid ">
            <a class="navbar-brand text-black-50" href="#">最新</a>
            <div class="collapse navbar-collapse" id="navbarSupportedContent2">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link active text-black-50" aria-current="page" href="#">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mouse2-fill" viewBox="0 0 16 16">
                                <path d="M7.5.026C4.958.286 3 2.515 3 5.188V5.5h4.5V.026zm1 0V5.5H13v-.312C13 2.515 11.042.286 8.5.026zM13 6.5H3v4.313C3 13.658 5.22 16 8 16s5-2.342 5-5.188V6.5z"/>
                            </svg>鼠标指针</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-black-50" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-phone-fill" viewBox="0 0 16 16">
                            <path d="M3 2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V2zm6 11a1 1 0 1 0-2 0 1 1 0 0 0 2 0z"/>
                        </svg>竖屏壁纸</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link text-black-50" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-laptop" viewBox="0 0 16 16">
                            <path d="M13.5 3a.5.5 0 0 1 .5.5V11H2V3.5a.5.5 0 0 1 .5-.5h11zm-11-1A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2h-11zM0 12.5h16a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5z"/>
                        </svg>电脑壁纸</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-black-50" href="#">字体</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-black-50" href="#">公告</a>
                    </li>
                </ul>

            </div>
        </div>
    </nav>
</div>
<div class="container-fluid px-0" id="banner" style="padding-top: 60px; background-origin: content-box">
    <div id="hh1">
        <p id="hh1p1">精彩的人生就是无休止的折腾</p>
        <br>
        <p id="hh1p2">#好在精选，乐在分享#</p>
    </div>
    <svg id="star1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill text-info" viewBox="0 0 16 16">
        <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
    </svg>
    <svg id="heart1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart-fill " viewBox="0 0 16 16">
        <path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z"/>
    </svg>
    <svg id="circle1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-fill text-info" viewBox="0 0 16 16">
        <circle cx="8" cy="8" r="8"/>
    </svg>
    <a id="back" href="#top"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
        <path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
    </svg><br>回<br>顶<br>部</a>
</div>
<!--壁纸区域-->
<div class="container pt-3 mb-3" style=" background-color: #f9fafb;">
    <div class="mytitle d-flex flex-row justify-content-between pb-3">
        <div class="" style="width: 40%">
            <span class="fs-4">高清壁纸</span>
            <span class="text-black-50" style="font-size: 0.9em">天天换壁纸，时时好心情！用清新唯美的壁纸给眼镜做按摩。</span>🌞
        </div>
        <div class="d-flex flex-row justify-content-between" style="width: 33%">
            <a href="" class="btn  btn-secondary active rounded-pill" style="font-size: 0.9em">最新壁纸</a>
            <a href="" class="btn  btn-outline-secondary rounded-pill" style="font-size: 0.9em">横屏壁纸</a>
            <a href="" class="btn  btn-outline-secondary rounded-pill" style="font-size: 0.9em">竖屏壁纸</a>
            <a href="" class="btn  btn-outline-secondary rounded-pill" style="font-size: 0.9em">全部壁纸</a>
        </div>
    </div>
    <div class="d-flex flex-row justify-content-between " >
            <div>
                <a class=" mydiv" href=""><img src="img/高清01.jpg" width="200px" height="360px" style="border-radius: 14px"></a>
                <p class="py-1 px-0 text-center">高清</p>
            </div>

        <div>
            <a class=" mydiv" href=""><img src="img/高清01.jpg" width="200px" height="360px" style="border-radius: 14px"></a>
            <p class="py-1 px-0 text-center">高清</p>
        </div>

        <div>
            <a class=" mydiv" href=""><img src="img/高清01.jpg" width="200px" height="360px" style="border-radius: 14px"></a>
            <p class="py-1 px-0 text-center">高清</p>
        </div>

        <div>
            <a class=" mydiv" href=""><img src="img/高清01.jpg" width="200px" height="360px" style="border-radius: 14px"></a>
            <p class="py-1 px-0 text-center">高清</p>
        </div>

        <div>
            <a class=" mydiv" href=""><img src="img/高清01.jpg" width="200px" height="360px" style="border-radius: 14px"></a>
            <p class="py-1 px-0 text-center">高清</p>
        </div>

        <div>
            <a class=" mydiv" href=""><img src="高清01.jpg" width="200px" height="360px" style="border-radius: 14px"></a>
            <p class="py-1 px-0 text-center">高清</p>
        </div>
    </div>
    <!--  横屏壁纸  -->
    <div class="d-flex justify-content-between flex-wrap">
            <div>
                <a class="mydiv2" href="">
                    <img src="img/h1.jpg" width="310px" height="175px">
                </a>
                <p class="py-1 px-0 text-center">${across.name}</p>
            </div>
        <div>
            <a class="mydiv2" href="">
                <img src="img/h1.jpg" width="310px" height="175px">
            </a>
            <p class="py-1 px-0 text-center">${across.name}</p>
        </div>
        <div>
            <a class="mydiv2" href="">
                <img src="img/h1.jpg" width="310px" height="175px">
            </a>
            <p class="py-1 px-0 text-center">${across.name}</p>
        </div>
        <div>
            <a class="mydiv2" href="">
                <img src="img/h1.jpg" width="310px" height="175px">
            </a>
            <p class="py-1 px-0 text-center">${across.name}</p>
        </div>
        <div>
            <a class="mydiv2" href="">
                <img src="img/h1.jpg" width="310px" height="175px">
            </a>
            <p class="py-1 px-0 text-center">${across.name}</p>
        </div>
        <div>
            <a class="mydiv2" href="">
                <img src="img/h1.jpg" width="310px" height="175px">
            </a>
            <p class="py-1 px-0 text-center">${across.name}</p>
        </div>
        <div>
            <a class="mydiv2" href="">
                <img src="img/h1.jpg" width="310px" height="175px">
            </a>
            <p class="py-1 px-0 text-center">${across.name}</p>
        </div>
        <div>
            <a class="mydiv2" href="">
                <img src="img/h1.jpg" width="310px" height="175px">
            </a>
            <p class="py-1 px-0 text-center">${across.name}</p>
        </div>

    </div>


</div>

<div class="container pt-3 " style=" background-color: #f9fafb;">
    <div class="mytitle d-flex flex-row justify-content-between pb-3">
        <div class="" style="width: 40%">
            <span class="fs-4">美化工具</span>
            <span class="text-black-50" style="font-size: 0.9em">用好方法与工具，是高效完成事情的有效途径！</span>💉
        </div>
        <div class="d-flex flex-row justify-content-between" style="width: 30%">
            <a href="" class="btn  btn-secondary active rounded-pill" style="font-size: 0.9em">最新工具</a>
            <a href="" class="btn  btn-outline-secondary rounded-pill" style="font-size: 0.9em">热门工具</a>
            <a href="" class="btn  btn-outline-secondary rounded-pill" style="font-size: 0.9em">Win8工具</a>
            <a href="" class="btn  btn-outline-secondary rounded-pill" style="font-size: 0.9em">Win7工具</a>
        </div>
    </div>
    <div class="mytitle d-flex justify-content-between flex-wrap">

            <a class="myitem" href="#">
                <div class="h-50">
                    <div class="myicon"><img src="img/ricon1.jpg" width="50px"></div>
                    <div class="myheadr">${soft.name}
                        <br><span>${soft.price}金币</span></div>
                </div>
                <div class=" h-25 mydisr">${soft.display}
                </div>
                <div class="h-25 mydater">
                <span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar4-week" viewBox="0 0 16 16">
                        <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z"/>
                        <path d="M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-2 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/>
                    </svg>2-21
                </span>
                    <span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
                        <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>
                        <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
                    </svg>34654
                </span>
                    <button class="btn btn-outline-success rounded-pill h-75">获取</button>
                </div>
            </a>

    </div>
    <div class="toast-container position-fixed bottom-0 end-0 p-3">
        <div id="myToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
            <div class="toast-header">
                <img src="logo.png" width="81px" class="rounded me-2" alt="...">
                <strong class="me-auto">极致美化-资源</strong>
                <small>通知</small>
                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
            </div>
            <div class="toast-body">

            </div>
        </div>
    </div>
</div>
<!--底部-->
<div class="container-fluid" style="background-color: #191919">
    <div class="text-white-50 px-5" style="font-size: 0.9em; height: 60px; line-height: 60px;">Copyright © 2023-2028 浪曦极致美化™
        <a href="" class="text-decoration-none text-white-50 ms-3">隐私权声明</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">用户规范</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">版权声明</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">素材使用协议</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">联系我们</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">QQ群</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">哔哩哔哩</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">公告</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">关于</a>
        <span class="text-white-50" style="margin-left: 15%">查询 34 次，耗时 0.3423 秒</span>
    </div>
    <hr style="background-color: white" class="m-0">
    <div class="text-white-50 px-5" style="font-size: 0.9em; height: 60px; line-height: 60px;">友情推荐
        <a href="" class="text-decoration-none text-white-50 ms-3">壁纸</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">主题</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">4K壁纸</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">素材中国</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">设计之家</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">图片素材库</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">Win10之家</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">Win10主题</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">壁纸族</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">高清图片</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">ppt模板</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">高清壁纸</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">设计图库</a>
        <a href="" class="text-decoration-none text-white-50 ms-3">gif制作</a>
    </div>
</div>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.7.1-min.js"></script>
<script>

    $(document).ready(function () {
        let a = '${param.a}';
        if (a=='1'){
            $(".toast-body").text("签到成功,获得10个金币")
            const toast = new bootstrap.Toast(document.getElementById("myToast"));
            toast.show();
        } else if (a=='2'){
            $(".toast-body").text("今天您已签到过了")
            const toast = new bootstrap.Toast(document.getElementById("myToast"));
            toast.show();
        }

        $.ajax({
            url:'${pageContext.request.contextPath}/index',
            type:'post',
            async:true,
            data:'',
            success:function (msg) {

            }
        })

    });

    $(".nav-item a:not(.btn)").hover(function() {
        $(this).removeClass("text-black-50").addClass("text-success");
    },function () {
        $(this).removeClass("text-success").addClass("text-black-50");
    })
    $(".myinfotoggle").click(function () {
        $(".myinfo").toggle(300);
    })

    $("#customerExit").click(function () {
        let b = confirm("确定要退出吗？");
        if (!b){
            return false;
        }
    })

</script>
</body>
</html>